<?php
$app = Blyn::app()->getActiveApp();
if (!isset($productList)) {
    $productList = array();
    if (isset($venderId)) {
        $venderTable = new BPSheet('vender');
        $vender = $venderTable->getListById($venderId);
        $productTable = new BPProductSheet($vender);
        $productList = $productTable->getView();
    }
}
?>

<link rel="stylesheet" type="text/css"
      href="<?php echo Yii::app()->request->baseUrl; ?>/css/bootstrap-datetimepicker.min.css" />
<script  type="text/javascript"
         src="<?php echo Yii::app()->request->baseUrl; ?>/js/bootstrap-datetimepicker.min.js"/>

<script type="text/javascript">
    $(document).ready(function() {
        $("#selectAll").click(function() {
            if ($(this).attr("checked") == "checked") {
                $(":checkbox").attr("checked", true);
            } else {
                $(":checkbox").attr("checked", false);
            }
        });

    });
</script> 

<script type="text/javascript">
    $(function() {
        $('.tree li:has(ul)').addClass('parent_li').find(' > span').attr('title', 'Collapse this branch');
        $('.tree li.parent_li > span').on('click', function(e) {
            var children = $(this).parent('li.parent_li').find(' > ul > li');
            if (children.is(":visible")) {
                children.hide('fast');
                $(this).attr('title', 'Expand this branch').find(' > i').addClass('icon-plus-sign').removeClass('icon-minus-sign');
            } else {
                children.show('fast');
                $(this).attr('title', 'Collapse this branch').find(' > i').addClass('icon-minus-sign').removeClass('icon-plus-sign');
            }
            e.stopPropagation();
        });
    });</script>
<script type="text/javascript">
    $(function() {
        $("#Event_Shop_CX").click(function() {
            document.getElementById("Event_Shop_CX_View").style.display = '';
            document.getElementById("Event_Clothes_CX_View").style.display = 'none';
        });
        $("#Event_Clothes_CX").click(function() {
            document.getElementById("Event_Shop_CX_View").style.display = 'none';
            document.getElementById("Event_Clothes_CX_View").style.display = '';
        });
    });</script>
<?php
?>
<legend>
    <h4>
        <?php echo $control->getAjaxLink(array('name' => '活动列表', 'id' => 'showEventList')); ?>\
        <?php echo $control->getAjaxLink(array('name' => '供应商列表', 'id' => 'showVenderList'), array('eventId' => $eventId)); ?>\
        <?php echo '产品列表'; ?>
    </h4>
</legend>
<fieldset>
    <table class="table table-hover">
        <thead>
            <tr>
                <th>
                    <input type="checkbox"  id="selectAll"> 
                </th>
                <th><?php echo '产品编号'; ?></th>
                <th><?php echo '产品名称'; ?></th>
                <th><?php echo '产品说明'; ?></th>
                <th><?php echo '操作'; ?></th>
            </tr> 
        </thead>
        <tbody>
            <?php
            foreach ($productList as $product) {
                $productId = $product->getId();
                ?>
                <tr>
                    <td><label class="checkbox">
                            <input type="checkbox" name="checkbox[]" value="<?php echo $product->getId(); ?>"> 
                        </label></td>
                    <td> <?php echo $product->getItem('productCode')->getValue(); ?> </td>
                    <td> <?php echo $product->getItem('name')->getValue(); ?> </td>       
                    <td> <?php echo $product->getItem('description')->getValue(); ?> </td>    
                    <td>
                        <div class="row-fluid">                         
                            <?php
                            echo $control->getAjaxLink(array('name' => '修改', 'id' => 'showAddProduct'), array(
                                'venderId' => $venderId,
                                'productId' => $product->getId(),
                                'eventId' => $eventId
                                    //'ajaxContainerId' => 'myModal',
                                    //'htmlOptions' => array(
                                    //'enctype' => 'multipart/form-data'),
                                    //'ajaxOptions' => array(
                                    //'complete' => 'function(){$("#ajax-loaderdiv").hide();$("#myModal").modal("show");}')
                            ));
                            echo " | ";
                            ?>                               
                            <?php
                            // echo $control->getAjaxLink(array('name' => '管理', 'id' => 'manageProduct'), array(
                            //'productId' => $productId,
                            // ));
                            ?> 
                            <?php
                            echo $control->getAjaxLink(array('name' => '删除', 'id' => 'deleteProduct'), array(
                                'venderId' => $venderId,
                                'eventId' => $eventId,
                                'productId' => $productId
                            ));
                            ?> 
                        </div>                      
                    </td>
                </tr>
            <?php } ?>
        </tbody>
    </table>

    <div class="row-fluid">
        <?php
        echo $control->getAjaxLink(array('name' => '新增产品', 'id' => 'showAddProduct'), array(
            'venderId' => $venderId,
            'productId' => 0,
            'eventId' => $eventId,
            //'ajaxContainerId' => 'myModal',
            'htmlOptions' => array(
                //'enctype' => 'multipart/form-data',
                'class' => 'btn'),
                //'ajaxOptions' => array(
                //'complete' => 'function(){$("#ajax-loaderdiv").hide();$("#myModal").modal("show");}')
        ));
        ?>
        <?php
        echo $control->getAjaxLink(array('name' => '删除产品', 'id' => 'deleteSelectedProduct'), array(
            'htmlOptions' => array(
                'class' => 'btn',
            //'enctype' => 'multipart/form-data'
        )));
        ?>
    </div>   
    <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    </div>

    <div><input type="hidden" name="curPageNo" value="1"></div>

    <div class="pagination">  
        <ul>  
            <li class="active">
                <a href="javascript:void()">前一页</a>    </li>  
            <li class="active">
                <a href="javascript:void()">1</a>    </li>  
            <li class="active">
                <a href="javascript:void()">后一页</a>    </li>  
        </ul>  
    </div>


